<template>
  <div class="div1">
    <img src="~@/assets/img/img2.png" alt="" />
    <div class="div2">{{bqian1}}</div>
     <div class="div3"><span style="font-size:25px">{{bqian2}}</span><span>项</span><span class="mm" >占比：</span><span style="font-size:25px">{{bqian3}}%</span></div>
  </div>
</template>

<script>
export default {
  props: {
    bqian1: {
      type: String,
      default: ''
    },
      bqian2: {
      type: Number,
      default: 0
    },
    bqian3: {
      type: Number,
      default: 0
    }
  },
  data() {
    return {};
  },
  mounted() {},
  methods: {},
};
</script>

<style scoped>
img{
  width: 250px;
  height: 100px;
}
.div1 {

  position: relative;
  width: 250px;
  height: 100px;
}
.div2 {
  width: 250px;
  position: absolute;
  z-index: 2;
  left: 2.833333rem;
  top: 1rem;
  color: #fff;
}
.div3 {
  color: #fff;
  width: 250px;
  position: absolute;
  z-index: 2;
  left: 1.5rem;
  top: 2.8rem;
}
.mm{
  padding-left: 30px;
}
</style>
